<!DOCTYPE html>
<html class="x-admin-sm">
<head>
	<meta charset="UTF-8">
	<title>电子学会比赛管理系统</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
	<link rel="stylesheet" href="./css/font.css">
	<link rel="stylesheet" href="./css/xadmin.css">
	<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
	<script type="text/javascript" src="./js/xadmin.js"></script>
	<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
	<!--[if lt IE 9]>
	<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
	<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
	<![endif]--></head>

<body>
<div class="layui-fluid">
	<div class="layui-row">
		<form class="layui-form" id="content">
			<div class="layui-form-item">
				<label for="review" class="layui-form-label">
					<span class="x-red">*</span>赛项</label>
				<div class="layui-input-inline">
					<select id="review" name="project" lay-verify="required">
						<option value="">请选择</option>
						<option>通过</option>
						<option>不通过</option>
					</select></div>
			</div>
			<div class="layui-form-item">
				<label for="review" class="layui-form-label">
					<span class="x-red">*</span>赛区</label>
				<div class="layui-input-inline">
					<select id="review" name="project" lay-verify="required">
						<option value="">请选择</option>
						<option>通过</option>
						<option>不通过</option>
					</select></div>
			</div>
			<div class="layui-form-item">
				<label for="review" class="layui-form-label">
					<span class="x-red">*</span>赛程</label>
				<div class="layui-input-inline">
					<select id="review" name="project" lay-verify="required">
						<option value="">请选择</option>
						<option>通过</option>
						<option>不通过</option>
					</select></div>
			</div>
			<div class="layui-form-item">
			<div class="layui-form-item layui-form-text">
				<div class="layui-input-block">
					<button style="margin-top: 20px" type="button" class="layui-btn" id="test5"><i class="layui-icon"></i></button>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label"></label>
				<button class="layui-btn" lay-filter="add" @click="init" lay-submit="">确认</button>
			</div>
		</form>
	</div>
</div>
<script src="./js/vue.js"></script>
<script>
	var app=new Vue({
		el: '#content',
		data: {
			list:[],
			aaa: 123,
			status:['审核','待审核' ,'通过', '不通过'],
			participate:['审核','参赛' ,'弃权' ],
			cols: [ //表头
				{field: 'id', title: '序号'},
				{field: 'project', title: '赛项'},
				{field: 'division', title: '赛区'},
				{field: 'group', title: '组别'},
				{field: 'status', title: '状态', templet: '#status' },
				{field: 'operating', title: '操作', width: 135, templet: '#operating'},
			]
		},
		methods:{
			opentab:function(name,url){
				//单击事件
				console.log(name)
				console.log(url)
				xadmin.add_tab(name,url)
			},
			bullet:function(){
				console.log(124)
				xadmin.open('导入','Import.html', 600, 400)
			},
			getData(){
			},
			init:function() {
				var that = this
				layui.use(['form'], function () {

					// var laypage = layui.laypage;
					// //执行一个laypage实例
					// laypage.render({
					// 	elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
					// 	,count: 16 //数据总数，从服务端得到
					// });
				})
			}
		}
	})
	window.onload=function(){
		app.getData()
	}
</script>
<script>
	layui.use(['form', 'layer', 'upload'],
	function () {
		$ = layui.jquery
		var form = layui.form,
			layer = layui.layer,
			upload = layui.upload


		upload.render({
			elem: '#test5',
			url: '', //改成您自己的上传接口
			accept: 'file',
			done: function(res){
				layer.msg('上传成功');
				console.log(res)
			},
			error: function (err) {
				console.log(err)
			}
		});

		//自定义验证规则
		form.verify({
			nikename: function (value) {
				if (value.length < 5) {
					return '昵称至少得5个字符啊'
				}
			},
			pass: [/(.+){6,12}$/, '密码必须6到12位'],
			repass: function (value) {
				if ($('#L_pass').val() != $('#L_repass').val()) {
					return '两次密码不一致'
				}
			}
		})

		//监听提交
		form.on('submit(add)',
			function (data) {
				console.log(data)
				layer.confirm( '新数据覆盖原有数据',
					function yes (index) {
						//发异步删除数据
						console.log('同意')

						var index = parent.layer.getFrameIndex(window.name)
						//关闭当前frame
						parent.layer.close(index)
						// 可以对父窗口进行刷新
						xadmin.father_reload()
					},
					function cancel (index) {
					console.log('拒绝')
						//发异步删除数据
					}
					)
				return false
			})

	})</script>
<script>var _hmt = _hmt || [];
(function () {
	var hm = document.createElement("script")
	hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190"
	var s = document.getElementsByTagName("script")[0]
	s.parentNode.insertBefore(hm, s)
})()</script>
</body>

</html>
